


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Kanrisha - A Premium HTML5 Responsive Admin Template</title>
	<!--[if lt IE 9]>
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<script src="../Javascript/Flot/excanvas.js"></script>
	<![endif]-->
	<!-- The Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Oswald|Droid+Sans:400,700" rel="stylesheet" />
	<!-- The Main CSS File -->
	<link rel="stylesheet" href="../CSS/style.css" />
	<!-- jQuery -->
	<script src="../Javascript/jQuery/jquery-1.7.2.min.js"></script>
	<!-- Flot -->

	<!-- DataTables -->
	<script src="../Javascript/DataTables/jquery.dataTables.min.js"></script>
	<!-- ColResizable -->
	<script src="../Javascript/ColResizable/colResizable-1.3.js"></script>
	<!-- jQuryUI -->
	<script src="../Javascript/jQueryUI/jquery-ui-1.8.21.min.js"></script>
	<!-- Uniform -->
	<script src="../Javascript/Uniform/jquery.uniform.js"></script>
	<!-- Tipsy -->
	<script src="../Javascript/Tipsy/jquery.tipsy.js"></script>
	<!-- Elastic -->
	<script src="../Javascript/Elastic/jquery.elastic.js"></script>
	<!-- ColorPicker -->
	<script src="../Javascript/ColorPicker/colorpicker.js"></script>
	<!-- SuperTextarea -->
	<script src="../Javascript/SuperTextarea/jquery.supertextarea.min.js"></script>
	<!-- UISpinner -->
	<script src="../Javascript/UISpinner/ui.spinner.js"></script>
	<!-- MaskedInput -->
	<script src="../Javascript/MaskedInput/jquery.maskedinput-1.3.js"></script>
	<!-- ClEditor -->
	<script src="../Javascript/ClEditor/jquery.cleditor.js"></script>
	<!-- Full Calendar -->
	<script src="../Javascript/FullCalendar/fullcalendar.js"></script>
	<!-- Color Box -->
	<script src="../Javascript/ColorBox/jquery.colorbox.js"></script>
	<!-- Kanrisha Script -->
	<script src="../Javascript/kanrisha.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
	<!-- Change Pattern -->
	<div class="changePattern">
		<span id="pattern1"></span>
		<span id="pattern2"></span>
		<span id="pattern3"></span>
		<span id="pattern4"></span>
		<span id="pattern5"></span>
		<span id="pattern6"></span>
	</div>
	<!-- Top Panel -->
	<div class="top_panel">
		<div class="wrapper">
			
		
		</div>
	</div>

	<header class="main_header">
		<div class="wrapper">
			<div class="logo">
				<a href="#" title="Kanrisha Home">
					<img src="../Images/kanrisha_logo.png" alt="kanrisha_logo" />
				</a>
			</div>
			<nav class="top_buttons">
				<ul>
					<li class="big_button">
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Analytics" class="the_button">
										<span class="i_32_statistic"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
					<li class="big_button">
						<div class="big_count">
							<span>7</span>
						</div>
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Support" class="the_button">
										<span class="i_32_support"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
					<li class="big_button">
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Delivery" class="the_button">
										<span class="i_32_delivery"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
					<li class="big_button">
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Earning" class="the_button">
										<span class="i_32_dollar"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</nav>
		</div>
	</header>

	<div class="wrapper small_menu">
		<ul class="menu_small_buttons">
			<li><a title="General Info" class="i_22_dashboard" href="index.html"></a></li>
			<li><a title="Your Messages" class="i_22_inbox" href="inbox.html"></a></li>
			<li><a title="Visual Data" class="i_22_charts" href="charts.html"></a></li>
			<li><a title="Kit elements" class="i_22_ui smActive" href="ui.html"></a></li>
			<li><a title="Some Rows" class="i_22_tables" href="tables.html"></a></li>
			<li><a title="Some Fields" class="i_22_forms" href="forms.html"></a></li>
		</ul>
	</div>

	<div class="wrapper contents_wrapper">
		
		<aside class="sidebar">
			<ul class="tab_nav">
				<li class="i_32_dashboard">
					<a href="index.html" title="General Info">
						<span class="tab_label">Dashboard</span>
						<span class="tab_info">General Info</span>
					</a>
				</li>
				<li class="i_32_inbox">
					<a href="inbox.html" title="Your Messages">
						<span class="tab_label">Inbox</span>
						<span class="tab_info">Your Messages</span>
					</a>
				</li>
				<li class="i_32_charts">
					<a href="charts.html" title="Visual Data">
						<span class="tab_label">Charts</span>
						<span class="tab_info">Visual Data</span>
					</a>
				</li>
				<li class="active_tab i_32_ui">
					<a href="ui.html" title="Kit elements">
						<span class="tab_label">UI</span>
						<span class="tab_info">Kit elements</span>
					</a>
				</li>
				<li class="i_32_tables">
					<a href="tables.html" title="Some Rows">
						<span class="tab_label">Tables</span>
						<span class="tab_info">Some Rows</span>
					</a>
				</li>
				<li class="i_32_forms">
					<a href="forms.html" title="Some Fields">
						<span class="tab_label">Forms</span>
						<span class="tab_info">Some Fields</span>
					</a>
				</li>
			</ul>
		</aside>
		<div class="contents">
			<div class="grid_wrapper">
				
				<div class="g_12 separator"><span></span></div>
				<div class="g_6">
					<div class="widget_header">
						<h4 class="widget_header_title wwIcon i_16_progress">Ajax Load</h4>
						<div class="w_AT"><img src="../Images/Icons/Load/load-8.gif" alt="load" /></div>
					</div>
					<div class="widget_contents iphO">
						<div class="iPreview"><img src="../Images/Icons/Load/load-1.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-2.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-3.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-4.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-5.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-6.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-7.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-8.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-9.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-10.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-11.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-12.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-13.gif" alt="load" /></div>
						<div class="iPreview"><img src="../Images/Icons/Load/load-14.gif" alt="load" /></div>
					</div>
				</div>
				<div class="g_6">
					<div class="widget_header">
						<h4 class="widget_header_title wwIcon i_16_tooltip">Dialog</h4>
					</div>
					<div class="widget_contents noPadding">
						<div class="line_grid">
							<div class="g_6">
								<span class="label">Simple Dialog</span>		
							</div>
							<div class="g_6">
								<div class="simple_buttons bdC">
									<div>Click me</div>
								</div>
								<div class="dialog bDialog" title="Basic Dialog"><span class="label lwParagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis urna dui. Vestibulum adipiscing venenatis elementum.</span></div>
							</div>
						</div>
						<div class="line_grid">
							<div class="g_6">
								<span class="label">A Confirmation</span>		
							</div>
							<div class="g_6">
								<div class="simple_buttons bdcC">
									<div>Confirm this</div>
								</div>
								<div class="dialog dConf" title="Do you agree?"><span class="label lwParagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis urna dui. Vestibulum adipiscing venenatis elementum.</span></div>
							</div>
						</div>
					</div>
				</div>
				<div class="separator g_12"><span></span></div>
			</div>		
		</div>
	</div>
	<footer>
		<div class="wrapper">
			<span class="copyright">
				COPYRIGHT © 2012 Mahieddine Abd-kader
			</span>
		</div>
	</footer>
</body>
</html>